@charset "UTF-8";
@import "base";
@import "ext/helper";

//页面头部导航
#page-header{
	height: 80px;
	background: url("../images/bg-outerheader.gif") repeat;
	.top-header-wrapper{ height: 100%; }
	.log{ 
		@include inline-block(true);
		@include float;
		display: table;
		height: 100%;
		padding-left: 15px;
		a{ display: table-cell; vertical-align: middle; }

		@at-root{
			.ie6 i.forIE,
			.ie7 i.forIE{
				display:inline-block;
			    height:100%;
			    vertical-align:middle
			}
		} 

	}
	nav{
		@include float(right);
		@include inline-block(true);
		height: 80px;
		li{
			@include float(left);
			border-left: 1px solid #141414;
			a{
				display: block;
				width: 107px;
				height: 100%;
				line-height: 80px;
				text-align: center;
				color: #fff;
				border-left: 1px solid #686767;
				font-size: 18px;
				@include transition(background-color 0.3s ease);
			}
			a.current{
				//发现当使用background-color属性时,居然在IE6,7下无效 后面的IE67不识别rgba但是居然会覆盖前面的 但是换成background又可以
				background: #161616;
				background: rgba(0, 0, 0, 0.56);
			}
			a:hover{
				@extend %zoom;  //触发IE67的hover属性
				background: #595959;
				background: rgba(82, 82, 82, 0.76);
			}
		}
	}
}

/**for test git.....*/
/**for test git.....222*/
/***for test checkout master...**/ 